img {
  transition: transform 0.3s ease; 
}

img:hover {
  
  transform: translateY(-20px); 
}

.img-container {
  width: 400px;         
  height: 250px;        
  overflow: hidden;     
  border-radius: 8px;   
}
.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease-in-out; 
}

.img-container:hover img {
  transform: scale(1.15);
}